/* overlay */ .component.popin { /* take all the available space on screen */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; cursor: pointer; /* semi-transparent black background */ background: none; /* IE */ background-color: rgba(0, 0, 0); /* fallback for older browsers */ background-color: rgba(0, 0, 0, 0.9); /* modern browsers */ -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); /* IE 8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); /* IE < 8 */ zoom: 1; /* IE */ /* opacity animation */ opacity: 1; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .component.popin.closed { visibility: hidden; /* don't use display none here because it prevents the inner components from performing size calculations */ opacity: 0; /* for opacity animation */ z-index: -1; /* Fixes the popin overlay when she is closed */ left: -9999px; /* Fixes the popin overlay when she is closed */ } /* inner content */ .component.popin > .popin-content { background: #FFF; width: 480px; margin: 50px auto 0; padding: 10px 30px 30px; cursor: default; list-style: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5); } /* comp last_updated */ .component.last_updated.editus-mobile_view .gris{color:#b2b2b2;} .component.last_updated.selfcare_access_via_link_view .last-updated-items, .component.last_updated.selfcare_access_via_email_view .last-updated-items, .component.last_updated.edicom_view .last-updated-items { display: table; } .component.last_updated.selfcare_access_via_link_view .last-updated-items > *, .component.last_updated.selfcare_access_via_email_view .last-updated-items > *, .component.last_updated.edicom_view .last-updated-items > *{ display: table-cell; } /*magic key*/ .component.last_updated a.site-creator-logo {text-decoration:none;background: transparent top left url("last_updated/_imgs/qrm_logo.png") no-repeat;display: block;width: 84px;height: 35px;margin: 0 15px 0 0;} .component.last_updated a.edicom-logo{text-decoration: none;background: transparent top left url("last_updated/_imgs/edicom_logo.png") no-repeat;display: block;width: 81px;height: 26px; margin: 0 15px 0 0;} .component.last_updated .site_title_view .corporate-name{font-weight: bold;color:#000000} .component.last_updated .site-creator-name{color:#000000} .component.last_updated .selfcare-link{text-decoration:none;color:#000000;font-weight: bold;} .component.last_updated .site_title_view{display:inline} .component.last_updated .site_creator_view{display:inline} .component.last_updated .site_creator_view{display:inline} /*magic key popin*/ .component.last_updated .mandatory-message:before {content: "*";display: inline-block;} /* contrasted color */ .component.last_updated.high_contrast_on_primary, .component.last_updated.high_contrast_on_primary .selfcare-link, .component.last_updated.high_contrast_on_primary .site_title_view .corporate-name{background-color: #047CB7; color: #FFFFFF;} .component.last_updated.high_contrast_on_secondary, .component.last_updated.high_contrast_on_secondary .selfcare-link, .component.last_updated.high_contrast_on_secondary .site_title_view .corporate-name{background-color: #DFCBB0; color: #000000;} .component.last_updated.high_contrast_on_additional, .component.last_updated.high_contrast_on_additional .selfcare-link, .component.last_updated.high_contrast_on_additional .site_title_view .corporate-name{background-color: #023e5c; color: #FFFFFF;} .component.cart .visually-hidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } .component.cart .steps li.active { font-weight: bold; } .component.cart .redirecting_to_paypal{ margin: 0 auto; text-align: center; } .component.languages .available-languages { list-style: none; padding: 0; } /* flags icons */ .component.languages.with_icons .flag { display: inline-block; overflow: hidden; font-size: 0; /* hide the text but not the :before and :after elements */ } .component.languages.with_icons .flag:before { content: ""; display: inline-block; vertical-align: middle; background: url(languages/_img/languages-flags.png); width: 19px; height: 13px; } .component.languages.with_icons .flag.fr:before { background-position: 0 0; } .component.languages.with_icons .flag.lb:before { background-position: -27px 0; } .component.languages.with_icons .flag.de:before { background-position: -53px 0; } .component.languages.with_icons .flag.en:before { background-position: -80px 0; } .component.languages.with_icons .flag.it:before { background-position: -109px 0; } .component.languages.with_icons .flag.pt:before { background-position: -136px 0; } .component.languages.with_icons .flag.es:before { background-position: -166px 0; } /* default view */ .component.languages.default_view .available-languages .item { display: inline-block; } /* dropdown view */ .component.languages.dropdown_view .available-languages{ display: none; padding: 5px; background: #FFF; } .component.languages.dropdown_view .available-languages.opened { display: block; } /* dropdown indicator */ .component.languages.dropdown_view .active .flag:after { content: "▼"; display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 10px; line-height: 1; } /* All elements in border-box mode by default */ .component.photos { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .component.photos * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* images in "normal" mode */ .component.photos .img { max-width: 100%; max-height: 100%; } /* images in "cover" mode */ .component.photos .img-cover { background: center center no-repeat; background-size: cover; max-width: none; max-height: none; min-width: 100%; min-height: 100%; } /******************************** * General design for galleries * ********************************/ /* zoom */ .component.photos .zoom .label { margin-right: 10px; } .component.photos .zoom .label, .component.photos .zoom .zoom-min-size, .component.photos .zoom .zoom-max-size, .component.photos .zoom .zoom-level { display: inline-block; vertical-align: middle; } .component.photos .zoom .zoom-min-size, .component.photos .zoom .zoom-max-size { text-indent: -9999px; overflow: hidden; width: 27px; height: 27px; } .component.photos .zoom .zoom-min-size { background: url(photos/_imgs/zoom.png) no-repeat 0 0; } .component.photos .zoom .zoom-max-size { background: url(photos/_imgs/zoom.png) no-repeat -27px 0; } .component.photos .zoom .zoom-level { background: url(photos/_imgs/zoom.png) no-repeat scroll -61px 0; height: 27px; width: 202px; margin: 0 9px; position: relative; } .component.photos .zoom .zoom-level .cursor { background-color: #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); cursor: pointer; height: 15px; width: 15px; margin-left: -7px; position: absolute; top: 6px; left: 126px; } /* paging */ .component.photos .paging { display: block; } .component.photos .paging.hidden { display: none; } .component.photos .paging .label { margin-right: 10px; } .component.photos .paging .pages { margin: 0; padding: 0; list-style: none; display: inline-block; } .component.photos .paging .pages li { display: inline-block; margin: 0; padding: 0; } .component.photos .paging .pages li + li { margin-left: 13px; } .component.photos .paging .pages a { display: inline-block; text-decoration: none; color: #474747; } .component.photos .paging .pages .active a { font-weight: bold; color: #666; } /* photos list */ .component.photos .gallery-photos { display: block; list-style: none; padding: 0; margin: 20px 0; overflow: hidden; /* because we contain floats */ } .component.photos .gallery-photos .item { display: block; text-align: center; float: left; width: 100%; /* default width */ padding: 0; margin: 0; -webkit-transition: width 1s ease; transition: width 1s ease; } /* items spacings */ .component.photos .gallery-photos .photo { margin: 0 0 20px 20px; } .component.photos .gallery-photos { margin-left: -20px; /* cancel the first column margin left */ margin-bottom: 0px; /* cancel the last row bottom margin */ } /* image ratio */ .component.photos .gallery-photos .photo .image { display: block; position: relative; width: 100%; /* we want the block height to depend on its width, so we use a vertical padding instead of a height... */ height: 0; padding-bottom: 100%; /* 1:1 ratio by default */ overflow: hidden; } .component.photos .gallery-photos .photo .image .img { /* since the parent have height set to 0 due to the ratio trick, we need an absolute positioning to set the image height properly */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } /**************** * Gallery view * ****************/ .component.photos.gallery_view .gallery-nav { background-color: #f0f0f0; color: #474747; padding: 4px 10px; line-height: 27px; overflow: hidden; } .component.photos.gallery_view .gallery-nav .zoom { float: left; } .component.photos.gallery_view .gallery-nav .paging { float: right; } .component.photos.gallery_view .gallery-nav .label { font-weight: bold; } /* gallery_view columns: 8 / 6 / 4 / 2, or 1 in mobile */ .component.photos.gallery_view .gallery-photos .item { width: 25%; } @media screen and (max-width: 480px) { .component.photos.gallery_view .gallery-photos .item { width: 100%; } } .component.photos.gallery_view .gallery-photos.zoom-level-0 .item { width: 12.5%; } .component.photos.gallery_view .gallery-photos.zoom-level-1 .item { width: 16.66%; } .component.photos.gallery_view .gallery-photos.zoom-level-2 .item { width: 25%; } .component.photos.gallery_view .gallery-photos.zoom-level-3 .item { width: 50%; } .component.photos.gallery_view .gallery-photos.zoom-level-0 .item:nth-child(8n+1), .component.photos.gallery_view .gallery-photos.zoom-level-1 .item:nth-child(6n+1), .component.photos.gallery_view .gallery-photos.zoom-level-2 .item:nth-child(4n+1), .component.photos.gallery_view .gallery-photos.zoom-level-3 .item:nth-child(2n+1) { clear: left; /* clear needed because of the varying caption height */ } /* items spacings */ .component.photos.gallery_view .gallery-photos .photo { margin: 0 0 5px 12px; } .component.photos.gallery_view .gallery-photos { margin-left: -12px; /* cancel the first column margin left */ margin-bottom: 15px; } /* photo design */ .component.photos.gallery_view .gallery-photos .photo .image { border: 1px solid #d8d8d8; } .component.photos.gallery_view .gallery-photos .photo .image:hover { border-color: #666; } .component.photos.gallery_view .gallery-photos .photo .image .img { padding: 4%; } .component.photos.gallery_view .gallery-photos .photo .caption .legend { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .component.photos.gallery_view .gallery-photos .photo .caption .description, .component.photos.gallery_view .gallery-photos .photo .caption .counter { display: none; } /********************** * Gallery light view * **********************/ .component.photos.gallery_light_view .gallery-photos .photo .image { padding-bottom: calc(100% * 2 / 3); /* force a 3:2 aspect ratio */ } @media screen and (min-width: 481px) { .component.photos.gallery_light_view .gallery-photos .item { width: 50%; } } @media screen and (min-width: 769px) { .component.photos.gallery_light_view .gallery-photos .item { width: 33.3%; } } .component.photos.gallery_light_view .gallery-nav { text-align: center; } /********************** * Gallery short view * **********************/ .component.photos.gallery_short_view .gallery-photos { display: block; padding: 0; list-style: none; margin-left: -10px; /* cancel the first column margin left */ overflow: hidden; /* because we contain floats */ } .component.photos.gallery_short_view .gallery-photos .item { display: block; text-align: center; float: left; width: 50%; padding: 0; margin: 0; } .component.photos.gallery_short_view .gallery-photos .photo { margin: 0 0 10px 10px; } .component.photos.gallery_short_view .gallery-photos .photo .image { display: inline-block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; } .component.photos.gallery_short_view .gallery-photos .photo .image .img { /* since the parent have height set to 0, we need this absolute positioning trick to set the image height */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .component.photos.gallery_short_view .gallery-photos .photo .caption .legend { display: none; } .component.photos.gallery_short_view .gallery-photos .photo .caption .description, .component.photos.gallery_short_view .gallery-photos .photo .caption .counter { display: none; } @media screen and (max-width:480px) { .component.photos.gallery_view .gallery-photos .photo .caption .legend { white-space: normal; } } /************* * Slideshow * *************/ .component.photos.slideshow_view .slideshow-content { position: relative; width: calc(100% - 2.4em); height: 100%; margin: auto; } .component.photos.slideshow_view .slideshow-photos { /* This box defines the available space for the image, without the thumbnails (see "bottom" value for the space reserved) */ position: absolute; top: 0; bottom: 96px; left: 0; right: 0; overflow: visible; } .component.photos.slideshow_view .slideshow-photos .photo { display: none; /* not visible until it's activated */ position: absolute; /* needed for slide effect */ overflow: visible; /* the caption overflows */ width: 100%; height: 100%; } .component.photos.slideshow_view .slideshow-photos .photo.active { display: inline-block; } .component.photos.slideshow_view .slideshow-photos .photo .image { position: relative; width: 100%; height: calc(100% - 4.5rem);/* init for one line (legend + counter)*/ outline: 0; } .component.photos.slideshow_view .slideshow-photos .photo .image .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .component.photos.slideshow_view .slideshow-photos .photo .caption { overflow: hidden; /* should have a total height of 9.6em max */ } .component.photos.slideshow_view .slideshow-photos .caption .legend, .component.photos.slideshow_view .slideshow-photos .caption .counter { font-weight: bold; font-size: 1.2em; line-height: 1.5em; /* equivalent to a 1.8em height */ max-height: 1.5em; /* allow 1 line */ margin: 1em 0; overflow: hidden; } .component.photos.slideshow_view .slideshow-photos .caption .description { font-weight: bold; font-size: 1em; line-height: 1.2em; /* equivalent to a 1.2em height */ max-height: 4.8em; /* allow 4 lines */ margin: 1.2em 0; overflow: hidden; } .component.photos.slideshow_view .slideshow-photos .caption .counter { float: right; margin-left: 1.2em; } .component.photos.slideshow_view .slideshow-thumbnails { position: absolute; bottom: 0; left: 0; right: 0; height: 96px; overflow: hidden; } .component.photos.slideshow_view .slideshow-thumbnails .item-container { display: block; padding: 0; margin: 10px 0; list-style: none; white-space: nowrap; font-size: 0; } .component.photos.slideshow_view .slideshow-thumbnails .item { display: inline-block; padding: 0; margin: 0; font-size: 1em; } .component.photos.slideshow_view .slideshow-thumbnails .photo { width: 115px; margin-right: 10px; } .component.photos.slideshow_view .slideshow-thumbnails .item:last-child { margin-right: 100%; } .component.photos.slideshow_view .slideshow-thumbnails .photo .image { display: block; position: relative; width: 100%; height: 0; padding-bottom: calc(100% / 3 * 2); /* 3:2 ratio */ outline: 0; } .component.photos.slideshow_view .slideshow-thumbnails .photo .img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .component.photos.slideshow_view .slideshow-thumbnails .caption { display: none; } .component.photos.slideshow_view .slideshow-nav-btn { position: absolute; overflow: hidden; text-indent: -9999px; z-index: 1; outline: 0; } .component.photos.slideshow_view .previous { left: 20px; background: url(photos/_imgs/slideshow_left.svg); } .component.photos.slideshow_view .next { right: 20px; background: url(photos/_imgs/slideshow_right.svg); } .component.photos.slideshow_view .previous, .component.photos.slideshow_view .next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 54px; height: 97px; background-size: 100%; } @media screen and (max-width: 480px) { .component.photos.slideshow_view .previous, .component.photos.slideshow_view .next { width: 30px; height: 54px; } } .component.photos.slideshow_view .close { top: 20px; right: 20px; width: 33px; height: 33px; background: url(photos/_imgs/slideshow_close.svg); background-size: 100%; } @media screen and (max-width: 480px) { .component.photos.slideshow_view .close { width: 20px; height: 20px; } } /* fullscreen in landscape mode (tablet and mobile devices only) */ @media screen and (max-width: 768px) and (orientation: landscape) { .component.photos.slideshow_view .slideshow-thumbnails { display: none; } .component.photos.slideshow_view .slideshow-photos { top: 0; bottom: 0; } .component.photos.slideshow_view .slideshow-photos .photo .caption { height: 0; /* we can't use display: none because of the fadeIn animation */ } } @media screen and (max-width:768px) { .component.photos.slideshow_view .slideshow-photos .photo .image { margin-left: -1.2em; width: calc(100% + 2.4em); /* cancel the 2.4em margin */ } } /******************** * Slideshow popins * ********************/ .component.photos.slideshow_view.popin-content { position: fixed; /* full width & height by default */ width: 100%; height: 100%; /* centered on screen */ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* cancel default popin content styles */ background: none; box-shadow: none; margin: 0; padding: 0; border-radius: 0; } .component.photos.slideshow_view.popin-content { color: #FFF; } /**************************/ /* Predefined backgrounds */ /**************************/ /*SCALE*/ .BG1001{ background-image:url(background/_imgs/BG1001.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1002{ background-image:url(background/_imgs/BG1002.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1003{ background-image:url(background/_imgs/BG1003.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1004{ background-image:url(background/_imgs/BG1004.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1005{ background-image:url(background/_imgs/BG1005.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1006{ background-image:url(background/_imgs/BG1006.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1007{ background-image:url(background/_imgs/BG1007.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1008{ background-image:url(background/_imgs/BG1008.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1009{ background-image:url(background/_imgs/BG1009.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1010{ background-image:url(background/_imgs/BG1010.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1011{ background-image:url(background/_imgs/BACKGROUND_-01.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1012{ background-image:url(background/_imgs/BACKGROUND_-02.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1013{ background-image:url(background/_imgs/BACKGROUND_-03.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1014{ background-image:url(background/_imgs/BACKGROUND_-04.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1015{ background-image:url(background/_imgs/BACKGROUND_-05.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1016{ background-image:url(background/_imgs/BACKGROUND_-06.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1017{ background-image:url(background/_imgs/BACKGROUND_-07.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1018{ background-image:url(background/_imgs/BACKGROUND_-08.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1019{ background-image:url(background/_imgs/BACKGROUND_-09.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1020{ background-image:url(background/_imgs/BACKGROUND_-10.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1021{ background-image:url(background/_imgs/BACKGROUND_-11.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1022{ background-image:url(background/_imgs/BACKGROUND_-12.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1023{ background-image:url(background/_imgs/BACKGROUND_-13.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1024{ background-image:url(background/_imgs/BACKGROUND_-14.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1025{ background-image:url(background/_imgs/BACKGROUND_-15.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1026{ background-image:url(background/_imgs/BACKGROUND_-16.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1027{ background-image:url(background/_imgs/BACKGROUND_-17.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1028{ background-image:url(background/_imgs/BACKGROUND_-18.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1029{ background-image:url(background/_imgs/BACKGROUND_-19.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1030{ background-image:url(background/_imgs/BACKGROUND_-20.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1031{ background-image:url(background/_imgs/BACKGROUND_-21.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1032{ background-image:url(background/_imgs/BACKGROUND_-22.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1033{ background-image:url(background/_imgs/BACKGROUND_-23.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1034{ background-image:url(background/_imgs/BACKGROUND_-24.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1035{ background-image:url(background/_imgs/BACKGROUND_-25.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1036{ background-image:url(background/_imgs/BACKGROUND_-26.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1037{ background-image:url(background/_imgs/BACKGROUND_-27.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1038{ background-image:url(background/_imgs/BACKGROUND_-28.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1039{ background-image:url(background/_imgs/BACKGROUND_-29.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1040{ background-image:url(background/_imgs/BACKGROUND_-30.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1041{ background-image:url(background/_imgs/BACKGROUND_-31.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1042{ background-image:url(background/_imgs/BACKGROUND_-32.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1043{ background-image:url(background/_imgs/BACKGROUND_-33.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1044{ background-image:url(background/_imgs/BACKGROUND_-34.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1045{ background-image:url(background/_imgs/BACKGROUND_-35.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1046{ background-image:url(background/_imgs/BACKGROUND_-36.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1047{ background-image:url(background/_imgs/BACKGROUND_-37.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1048{ background-image:url(background/_imgs/BACKGROUND_-38.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1049{ background-image:url(background/_imgs/BACKGROUND_-39.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1050{ background-image:url(background/_imgs/BACKGROUND_-40.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1051{ background-image:url(background/_imgs/BACKGROUND_-41.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1052{ background-image:url(background/_imgs/BACKGROUND_-42.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1053{ background-image:url(background/_imgs/BACKGROUND_-43.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1054{ background-image:url(background/_imgs/BACKGROUND_-44.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1055{ background-image:url(background/_imgs/BACKGROUND_-45.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1056{ background-image:url(background/_imgs/BACKGROUND_-46.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1057{ background-image:url(background/_imgs/BACKGROUND_-47.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1058{ background-image:url(background/_imgs/BACKGROUND_-48.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1059{ background-image:url(background/_imgs/BACKGROUND_-49.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1060{ background-image:url(background/_imgs/BACKGROUND_-50.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1061{ background-image:url(background/_imgs/BACKGROUND_-51.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1062{ background-image:url(background/_imgs/BACKGROUND_-52.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1063{ background-image:url(background/_imgs/BACKGROUND_-53.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1064{ background-image:url(background/_imgs/BACKGROUND_-54.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG1065{ background-image:url(background/_imgs/BACKGROUND_-55.png); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BG7000{ background-image:url(background/_imgs/BG7000.jpg); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGB100{ background-image:url(background/_imgs/black-100.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGB80{ background-image:url(background/_imgs/black-80.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGB40{ background-image:url(background/_imgs/black-40.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGT{ background-image:url(background/_imgs/transp.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGW100{ background-image:url(background/_imgs/white-100.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGW80{ background-image:url(background/_imgs/white-80.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } .BGW40{ background-image:url(background/_imgs/white-40.png); background-position:center top; background-repeat:repeat; -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%; } /*NO-REPEAT*/ .BG3001{ background-image:url(background/_imgs/BG3001.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3002{ background-image:url(background/_imgs/BG3002.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3003{ background-image:url(background/_imgs/BG3003.png); background-position:center top; background-repeat:no-repeat; } .BG3004{ background-image:url(background/_imgs/BG3004.jpg); background-position:center top; background-repeat:no-repeat; background-color:#000000; } .BG3005{ background-image:url(background/_imgs/BG3005.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3006{ background-image:url(background/_imgs/BG3006.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3007{ background-image:url(background/_imgs/BG3007.jpg); background-position:center top; background-repeat:no-repeat; background-color:#73C3FE; } .BG3008{ background-image:url(background/_imgs/BG3008.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3009{ background-image:url(background/_imgs/BG3009.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3010{ background-image:url(background/_imgs/BG3010.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3011{ background-image:url(background/_imgs/BG3011.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FFFFFF; } .BG3012{ background-image:url(background/_imgs/BG3012.jpg); background-position:center top; background-repeat:no-repeat; background-color:#043641; } .BG3013{ background-image:url(background/_imgs/BG3013.jpg); background-position:center top; background-repeat:no-repeat; background-color:#FD628A; } .BG3014{ background-image:url(background/_imgs/BG3014.png); background-position:center top; background-repeat:no-repeat; } .BG3015{ background-image:url(background/_imgs/BG3015.png); background-position:center top; background-repeat:no-repeat; } .BG3016{ background-image:url(background/_imgs/BG3016.png); background-position:center top; background-repeat:no-repeat; } .BG7009{ background-image:url(background/_imgs/BG7009.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; } .BG7010{ background-image:url(background/_imgs/BG7010.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; } .BG7011{ background-image:url(background/_imgs/BG7011.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; } .BG7002{ background-image:url(background/_imgs/BG7002.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7003{ background-image:url(background/_imgs/BG7003.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7004{ background-image:url(background/_imgs/BG7004.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7005{ background-image:url(background/_imgs/BG7005.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7006{ background-image:url(background/_imgs/BG7006.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7007{ background-image:url(background/_imgs/BG7007.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7008{ background-image:url(background/_imgs/BG7008.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .BG7012{ background-image:url(background/_imgs/BG7012.jpg) !important; background-position: center top !important; background-repeat: no-repeat !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*REPEAT*/ .BG6001{ background-image:url(background/_imgs/BG6001.png); background-position:left top; background-repeat:repeat; } .BG6002{ background-image:url(background/_imgs/BG6002.png); background-position:left top; background-repeat:repeat; } .BG6003{ background-image:url(background/_imgs/BG6003.png); background-position:left top; background-repeat:repeat; } .BG6004{ background-image:url(background/_imgs/BG6004.png); background-position:left top; background-repeat:repeat; } .BG6005{ background-image:url(background/_imgs/BG6005.png); background-position:left top; background-repeat:repeat; } .BG6006{ background-image:url(background/_imgs/BG6006.png); background-position:left top; background-repeat:repeat; } .BG6007{ background-image:url(background/_imgs/BG6007.png); background-position:left top; background-repeat:repeat; } .BG6008{ background-image:url(background/_imgs/BG6008.png); background-position:left top; background-repeat:repeat; } .BG6009{ background-image:url(background/_imgs/BG6009.png); background-position:left top; background-repeat:repeat; } .BG6010{ background-image:url(background/_imgs/BG6010.png); background-position:left top; background-repeat:repeat; } .BG6011{ background-image:url(background/_imgs/BG6011.png); background-position:left top; background-repeat:repeat; } .BG6012{ background-image:url(background/_imgs/BG6012.png); background-position:left top; background-repeat:repeat; } .BG6013{ background-image:url(background/_imgs/BG6013.png); background-position:left top; background-repeat:repeat; } .BG6014{ background-image:url(background/_imgs/BG6014.png); background-position:left top; background-repeat:repeat; } .BG6015{ background-image:url(background/_imgs/BG6015.png); background-position:left top; background-repeat:repeat; } .BG6016{ background-image:url(background/_imgs/BG6016.png); background-position:left top; background-repeat:repeat; } .BG6017{ background-image:url(background/_imgs/BG6017.png); background-position:left top; background-repeat:repeat; } .BTL01{ background-image:url(background/_imgs/bkg_pat_01.png); background-position:left top; background-repeat:repeat; } .BTL02{ background-image:url(background/_imgs/bkg_pat_02.png); background-position:left top; background-repeat:repeat; } .BTL03{ background-image:url(background/_imgs/bkg_pat_03.png); background-position:left top; background-repeat:repeat; } .BTL04{ background-image:url(background/_imgs/bkg_pat_04.png); background-position:left top; background-repeat:repeat; } .BTL05{ background-image:url(background/_imgs/bkg_pat_05.png); background-position:left top; background-repeat:repeat; } .BTL06{ background-image:url(background/_imgs/bkg_pat_06.png); background-position:left top; background-repeat:repeat; } .BTL07{ background-image:url(background/_imgs/bkg_pat_07.png); background-position:left top; background-repeat:repeat; } .BTL08{ background-image:url(background/_imgs/bkg_pat_08.png); background-position:left top; background-repeat:repeat; } .BTL09{ background-image:url(background/_imgs/bkg_pat_09.png); background-position:left top; background-repeat:repeat; } .BTL10{ background-image:url(background/_imgs/bkg_pat_10.png); background-position:left top; background-repeat:repeat; } .BTL11{ background-image:url(background/_imgs/bkg_pat_11.png); background-position:left top; background-repeat:repeat; } .BTL12{ background-image:url(background/_imgs/bkg_pat_12.png); background-position:left top; background-repeat:repeat; } /* Editus */ .BG001{background:url(background/_imgs/BG001.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG001.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG001.png', sizingMethod='scale')";} .BG002{background:url(background/_imgs/BG002.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG002.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG002.png', sizingMethod='scale')";} .BG003{background:url(background/_imgs/BG003.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG003.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG003.png', sizingMethod='scale')";} .BG004{background:url(background/_imgs/BG004.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG004.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG004.png', sizingMethod='scale')";} .BG005{background:url(background/_imgs/BG005.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG005.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG005.png', sizingMethod='scale')";} .BG006{background:url(background/_imgs/BG006.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG006.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG006.png', sizingMethod='scale')";} .BG007{background:url(background/_imgs/BG007.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG007.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG007.png', sizingMethod='scale')";} .BG008{background:url(background/_imgs/BG008.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG008.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG008.png', sizingMethod='scale')";} .BG009{background:url(background/_imgs/BG009.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG009.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG009.png', sizingMethod='scale')";} .BG010{background:url(background/_imgs/BG010.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG010.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/_imgs/BG010.png', sizingMethod='scale')";} /*CUSTOM*/ .BG-custom.scale-mode {background-position:center top; background-repeat:no-repeat; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%; } .BG-custom.repeat-mode {background-position:left top; background-repeat:repeat;} .BG-custom.no-repeat-mode {background-position:center top; background-repeat:no-repeat;} /*HEADER BACKGROUND*/ .component.background.header_view.primary {background:#047CB7; color:#FFFFFF;} .component.background.header_view.secondary {background:#DFCBB0; color:#000000;} .component.background.header_view.additional {background:#023e5c; color:#FFFFFF;} .component.background.header_view.no-background {background:none;}